<template>
  <div>
   请输入姓名； <input type="text" v-model="username" placeholder="请输入姓名">
   <br>
   请输入密码： <input type="password" v-model="password" placeholder="请输入密码">
   <br>
   请选择性别： 
   <input type="radio" value="nan"  v-model="gender">男 
   <input type="radio" value="nv" v-model="gender">女
   <br>
   请选择你喜欢的队伍： 
   <select v-model="team">
    <option value="kuaichuan">快船</option>
    <option value="yongshi">勇士</option>
    <option value="huojian">火箭</option>
    <option value="huosai">活塞</option>
    <option value="huren">湖人</option>
    <option value="huixiong">灰熊</option>
   </select>
     <br>
    爱好：
    <input type="checkbox" value="basketball" v-model="hobby">篮球
    <input type="checkbox" value="football" v-model="hobby">足球
    <input type="checkbox" value="badminton" v-model="hobby">羽毛球
    <br>
    是否同意协议：
    <input type="checkbox" v-model="isAgree">
  </div>
</template>

<script>
export default {
 data() {
  return {
   username:'',
   password:'',
   gender:'',
   team:'huixiong',
   hobby:[],
   isAgree:''
  }
 }
}
</script>

<style>

</style>